<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="./css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="./css/index.css"/>
		<link rel="stylesheet" type="text/css" href="./css/common.css"/>
		<script src="./js/jquery.min.js"></script>
		<script src="./js/popper.min.js"></script>
		<script src="./js/bootstrap.min.js"></script>
		<title>E校园</title>
		<style type="text/css">
		</style>
	</head>
	<body class="bg-light">	
		<div class="zdy-index">
			<!-- 顶部 标题-->
		<!-- 	<div class="container">
				<div class="d-flex mt-1">
					<div class="top-tit w-75 m-auto text-center">
						<h4 class="font-weight-bold">E校园</h4>
					</div>
				</div>
			</div> -->
			
			
			<!-- 轮播图 -->
			 <div class="container mt-1">
					<div id="banner" class="carousel slide zdy-banner" data-ride = "carousel">
						<!-- 图片展示区 -->
						<div class="carousel-inner zdy-banner-pic">
							<div class="carousel-item active">
								<img class="d-block w-100" src="img/index/banner2.png" >
							</div>
							<div class="carousel-item">
								<img class="d-block w-100" src="img/index/banner1.png" >
							</div>
							<div class="carousel-item">
								<img class="d-block w-100" src="img/index/banner3.png" >
							</div>
							<div class="carousel-item">
								<img class="d-block w-100" src="img/index/banner4.png" >
							</div>
						</div>
						<!-- 左右切换区 用a标签关联整个轮播图 用轮播的id-->
						<a href="#banner" class="carousel-control-prev" data-slide = "prev">
							<span class="carousel-control-prev-icon"></span>
						</a>
						<a href="#banner" class="carousel-control-next" data-slide = "next">
							<span class="carousel-control-next-icon"></span>
						</a>
						<!-- 下方控制区 -->
						<ul class="carousel-indicators">
							<li class="active" data-target = "#banner" data-slide-to = "0"></li>
							<li data-target = "#banner" data-slide-to = "1"></li>
							<li data-target = "#banner" data-slide-to = "2"></li>
							<li data-target = "#banner" data-slide-to = "3"></li>
						</ul>
					</div>
				</div>
							
			<!-- 金刚区 -->
			<div class="container">			
				<div class="d-flex tit-icon flex-wrap mt-2">
					<div class="w-25 text-center ">
						<a href="#"><img src="./img/index/sscs.png" class="m-auto pt-2"></a>
						<a href="#" class="pt-1 ">夜间超市</a>
					</div>
					<div class="w-25 text-center">
						<a href="#"><img src="./img/index/xwcs.png" class="m-auto pt-2"></a>
						<a href="#" class=" pt-1">校外超市</a>
					</div>
					<div class="w-25 text-center"> 
						<a href="#"><img src="./img/index/xyjz.png" class="m-auto pt-2"></a>
						<a href="#" class=" pt-1">校园兼职</a>
					</div>
					<div class="w-25 text-center">
						<a href="#"><img src="./img/index/xlian.png" class="m-auto pt-2"></a>
						<a href="#" class=" pt-1">1元微信</a>
					</div>
					<div class="w-25 text-center">
						<a href="#"><img src="./img/index/xykd.png" class="m-auto pt-2"></a>
						<a href="#" class=" pt-1">校园快递</a>
					</div>
					<div class="w-25 text-center">
						<a href="#"><img src="./img/index/xsyh.png" class="m-auto pt-2"></a>
						<a href="#" class=" pt-1">学生优惠</a>
					</div>
					<div class="w-25 text-center">
						<a href="#"><img src="./img/index/xyhd.png" class="m-auto pt-2"></a>
						<a href="#" class=" pt-1">校园活动</a>
					</div>
					<div class="w-25 text-center">
						<a href="moreserve.html"><img src="./img/index/gdfw.png" class="m-auto pt-2"></a>
						<a href="./moreserve.html" class=" pt-1">更多服务</a>
					</div>
				</div>
			</div>
			
		  <!-- 学校公告部分 -->
			<div class="zdy-main mt-3">
				<div class="container">
					<!-- 学校公告区 -->
					<div class="zdy-main-news">
						<!-- 标题 -->
						<div class="zdy-main-news-tit ml-2">
							<p class="pl-2 mb-2">校园公告</p> 
						</div>
						<!-- 内容主体 -->
						<div class="zdy-main-news-body">
							<ul class="news-body-list list-unstyled">
								<li><a href="#"><div>学校公告1</div></a></li>
							  <li><a href="#"><div>学校公告2</div></a></li>
								<li><a href="#"><div>学校公告3</div></a></li>
								<li><a href="#"><div>学校公告4</div></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			
			<!-- 校园活动部分 -->
			<div class="zdy-main2 mt-3">
				<div class="container">
					<!-- 校园活动区 -->
					<div class="zdy-main2-activity">
						<!-- 标题 -->
						<div class="zdy-main-activity-tit ml-2">
							<p class="pl-2 mb-2">校园活动</p> 
						</div>
						<!-- 内容主体 -->
						<div class="zdy-main-activity-body">
							<ul class="activity-body-list list-unstyled">
								<li><a href="#"><div class="d-flex">
								  <div class="body-list-tit ml-4 w-50">
								  	<h5 class="text-danger mb-1 mt-1">xxx社团纳新</h5>
										<p class="mb-0"><b>10.30下午1.00~3.00</b></p>
								  </div>
									<div class="body-list-btn w-50">
										<button class="btn btn-primary btn-outline-primary mt-3 ml-4">参加活动</button>
									</div>
								</div></a></li>
								<li><a href="#"><div class="d-flex">
								  <div class="body-list-tit ml-4 w-50">
								  	<h5 class="text-danger mb-1 mt-1">xxx社团纳新</h5>
										<p class="mb-0"><b>10.30下午1.00~3.00</b></p>
								  </div>
									<div class="body-list-btn w-50">
										<button class="btn btn-primary btn-outline-primary mt-3 ml-4">参加活动</button>
									</div>
								</div></a></li>
								<li><a href="#"><div class="d-flex">
								  <div class="body-list-tit ml-4 w-50">
								  	<h5 class="text-danger mb-1 mt-1">xxx社团纳新</h5>
										<p class="mb-0"><b>10.30下午1.00~3.00</b></p>
								  </div>
									<div class="body-list-btn w-50">
										<button class="btn btn-primary btn-outline-primary mt-3 ml-4">参加活动</button>
									</div>
								</div></a></li>
								<li><a href="#"><div class="d-flex">
								  <div class="body-list-tit ml-4 w-50">
								  	<h5 class="text-danger mb-1 mt-1">xxx社团纳新</h5>
										<p class="mb-0"><b>10.30下午1.00~3.00</b></p>
								  </div>
									<div class="body-list-btn w-50">
										<button class="btn btn-primary btn-outline-primary mt-3 ml-4">参加活动</button>
									</div>
								</div></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
					
			<!-- 底部 -->
			<div class="zdy-bottom bg-white fixed-bottom d-flex text-center">
		  	<div class="bg-light w-25">
		  		<a href="index.html"><img src="img/index/shouye.png" class="m-auto" width="36px" ></a>
		  		<p class="text-center mb-0">首页</p>
		  	</div> 
		  	<div class="bg-light w-25">
		  		<a href="#"><img src="img/index/fbxx.png" class="m-auto" width="36px" ></a> 
		  		<p class="text-center mb-0 ">发布信息</p>
		  	</div> 
		  	<div class="bg-light w-25 ">
		  		<a href="#"><img src="img/index/vip.png" class="m-auto" width="36px" ></a>
		  		<p class="text-center mb-0 ">会员中心</p>
		  	</div>
		  	<div class="bg-light w-25">
		  		<a href="#"><img src="img/index/wode.png" class="m-auto" width="36px" ></a>
		  		<p class="text-center mb-0 ">我的</p>
		  	</div>
		  </div>
		  </div>
	</body>
</html>
